<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		
		<title>添加采集点 自定义规则</title>
		
		<ul class="nav nav-pills">
		  <li role="presentation" ><a href="#">采集管理</a></li>
		  <li role="presentation" class="active"><a href="">添加采集点</a></li>
		</ul>
		<DIV class="row" style="BORDER-TOP: #FFFFFF 1px dashed; OVERFLOW: hidden; HEIGHT: 7px"></DIV>
		<div style="border-bottom:1px solid #CCC"></div>
		<DIV class="row" style="BORDER-TOP: #FFFFFF 1px dashed; OVERFLOW: hidden; HEIGHT: 7px"></DIV>
		
		<ul class="nav nav-pills">
			<li role="presentation"><a href="addpoint-url.html">网址规则</a></li>
		    <li role="presentation"><a href="addpoint-details.html">内容规则</a></li>
		    <li role="presentation" class="active"><a href="#">自定义规则</a></li>
		    <li role="presentation"><a href="addpoint-advanced.html">高级配置</a></li>
		</ul>
		
		<DIV class="row" style="BORDER-TOP: #FFFFFF 1px dashed; OVERFLOW: hidden; HEIGHT: 7px"></DIV>
		<div style="border-bottom:1px solid #CCC"></div>
		<DIV class="row" style="BORDER-TOP: #FFFFFF 1px dashed; OVERFLOW: hidden; HEIGHT: 7px"></DIV>
		
		<style type="text/css">
			div.aaa{
			    width:90%;
			    height:100%;
			    padding:5px 30px;
			    margin-top:10px;
			    margin-left:5px;
			    border:1px solid #CCCCCC;
			}
			span.title{
			    display:block;
			    width:100px;
			    height:30px;
			    position:relative;
			    top:-15px;
			    text-align: center;
			    background: white;
			}
			p { padding:2px 0; }		
		</style>
	</head>
	
	<body>
		
		<form>
				<!--
	        	作者：offline
	        	时间：2021-07-14
	        	描述：添加项目
	        -->
			<DIV class="row" style="BORDER-TOP: #FFFFFF 1px dashed; OVERFLOW: hidden; HEIGHT: 7px"></DIV>
			
			<div>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<button type="button" class="btn btn-danger btn-sm" onclick="additem()">添加项目</button>
			</div>
			
			<div class="panel">
		    <div class="panel-body">
			    <div class="aaa" style="border: #FFFFFF;">
			        <span class="title"></span>
			        <div class="row">
			            <div class="col-md-1"  style="width: 10%;" align="right">
			            	<p >规则名：</p>			             
			            </div>
			            <div class="col-md-4" style="width: 30%">
			                <input  class="form-control" style="height: 26px;width: 200px;" required="" />
			            </div>
			            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			            <div class="col-md-1"  style="width: 10%;" align="right">
			            	<p >规则英文名：</p>			             
			            </div>
			            <div class="col-md-4" style="width: 30%">
			                <input  class="form-control" style="height: 26px;width: 200px;" required="" />
			            </div>			            
			        </div>
			        <DIV class="row" style="BORDER-TOP: #CCCCCC 1px dashed; OVERFLOW: hidden; HEIGHT: 7px ;width: 110%;"></DIV>
			        
			        
			        <!--
                    	作者：offline
                    	时间：2021-07-14
                    	描述：匹配规则
                    -->
			        <div class="row">
			            <div class="col-md-1"  style="width: 10%;" align="right">
			            	<p >匹配规则：</p>			             
			            </div>
			            <div class="col-md-4" style="width: 30%">
			                <textarea class="form-control" rows="3" cols="40" style="resize: vertical;"></textarea>
			            </div>
			            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			            <div class="col-md-1"  style="width: 10%;" align="right">
			            	<p >过滤选项：</p>			             
			            </div>
			            <div class="col-md-4" style="width: 30%">
			                <textarea class="form-control" rows="3" style="resize: vertical;"></textarea>
			                		                
			            </div>
			            <div class="col-md-1"  style="width: 10%;" >
			            	&nbsp;&nbsp;<button type="button" class="btn btn-danger btn-sm" onclick="">选择</button>				             
			            </div>
			         
			        </div>
			        
			        <div class="row">
			            <div class="col-md-1"  style="width: 10%;" align="right">
			            				             
			            </div>
			            <div class="col-md-4" style="width: 30%">
			                <p>使用"[内容]"作为通配符</p>
			            </div>
			        </div>
			        
			        
			        <DIV class="row" style="BORDER-TOP: #CCCCCC 1px dashed; OVERFLOW: hidden; HEIGHT: 7px ;width: 110%;"></DIV>
			        <DIV class="row" style="BORDER-TOP: #FFFFFF 1px dashed; OVERFLOW: hidden; HEIGHT: 7px ;width: 110%;"></DIV>
			        
			        
			        <div class="row">
			            <div class="col-md-1"  style="width: 10%;" >
			            	<button type="submit" class="btn btn-danger btn-sm">提交</button>			             
			            </div>
			            
			        </div>
			        
			        
			    </div>
		    </div>
	    </div>
			
			
			
			
	   
		</form>
		
		
	</body>
</html>
